$(function() {
    $(".toggle-item div").hide();
    var userid = $("input[name=userid]").val();
    //本人发表的博客
    $.ajax({
        url:"findLogsServlet",
        data: {"userid":userid},
        type:"post",
        dataType:"json",
        success:function (list){
                 if(list.length==0){
                     $("#txtnum h1").html("您还未发表过博客");
                     $(".blogContext").hide();
                 }else{
                     $("#txtnum h1").html("您共发表了"+list.length+"篇博客");
                     for(var i = 0 ; i < list.length ; i ++){

                         if(i<1){
                            $("#txtnum .logsId").html(list[i].logsId);
                            $("#txtnum .titleName").html(list[i].title);
                            $("#txtnum .date").html(list[i].datetime);
                            $("#txtnum .sty").html(list[i].typeName)
                            $("#txtnum .synopsis").html(list[i].description);
                         }else {
                            var $event = $("#txtnum .blogContext:first-of-type").clone(true);
                            var $logsId = $event.find(".logsId");
                            var $titleH1 = $event.find(".titleName");
                            var $date =$event.find(".date");
                            var $sty = $event.find(".sty");
                            var $synopsis =$event.find(".synopsis");
                            $("#txtnum").append($event);
                            $logsId.html(list[i].logsId);
                            $titleH1.html(list[i].title);
                            $date.html(list[i].datetime);
                            $sty.html(list[i].typeName);
                            $synopsis.html(list[i].description);
                         }
                     }
                 }
             }
         })

    //本人收藏的博客
    $.ajax({
        url:"findCollectionServlet",
        data: {"userid":userid},
        type:"post",
        dataType:"json",
        success:function (list){
                 if(list.length==0){
                     $("#collect h1").html("您还未发表过博客");
                     $("#collect .blogContext").hide();
                 }else{
                     $("#collect h1").html("您共收藏了"+list.length+"篇博客");
                  for(var i = 0 ; i < list.length ; i ++){
                         if(i<1){
                            $("#collect .aulogsId").html(list[i].logsId);
                            $("#collect .titleName").html(list[i].title);
                            $("#collect .author").html(list[i].nickName);
                            $("#collect .date").html(list[i].datetime);
                            $("#collect .sty").html(list[i].typeName);
                            $("#collect .synopsis").html(list[i].description);
                         }else {
                             var $event = $("#collect .blogContext:first-of-type").clone(true);
                             var $aulogsid = $event.find(".aulogsId");
                             var $totalH1 = $event.find(".titleName");
                             var $author = $event.find(".author");
                             var $date =$event.find(".date");
                             var $sty = $event.find(".sty");
                             var $synopsis =$event.find(".synopsis");
                             $("#collect").append($event);
                             $aulogsid.html(list[i].logsId);
                             $totalH1.html(list[i].title);
                             $author.html(list[i].nickName);
                             $date.html(list[i].datetime);
                             $sty.html(list[i].typeName);
                             $synopsis.html(list[i].description);
                         }

                  }
                 }
             }
         });



    $(".toggle-item>a:first-of-type").click(function(event) {
        event.preventDefault(); // 阻止链接的默认行为

        // 当前点击的 a 标签所在的 .toggle-item 元素
        var $parent = $(this).closest(".toggle-item");

        // 获取当前点击的 a 标签后的 table 或 div 元素
        var $content = $parent.find("div");

        // 获取所有的 .toggle-item 元素的 table 和 div
        var $allContent = $(".toggle-item").find("div");

        // 如果当前点击的内容是隐藏的（展开的），则收起所有内容并展开当前内容
        if ($content.is(":visible")) {
            $allContent.slideUp(500); // 收起所有内容
        } else {
            $allContent.slideUp(500); // 收起所有内容
            $content.slideDown(500);  // 展开当前内容
        }
    });

    $(".picTypeName").on("click", function(event) {
        event.preventDefault(); // 防止a标签默认行为

        // 找到最近的父dl元素
        var $parentDl = $(this).closest("dl");

        // 获取phototypeid的值
        var phototypeId = $parentDl.find(".phototypeid").val();
        var pictureSynopsis = $parentDl.find(".pictureSynopsis").val();
        var Name = $(this).html();
        // 构建需要的URL
        var targetUrl = "rootFindAllPictureByTypeToPictureType?phototypeid=" + phototypeId + "&userid=" + userid +"&pictureSynopsis=" + pictureSynopsis + "&picTypeName=" + Name;


        // 跳转
        window.location.href = targetUrl;
    });
});
//选择头像
$(".profile").change(function (){
    var img = this.files[0];
    var path = window.URL.createObjectURL(img);
    $("#profilePhoto").attr("src",path);
})
//修改信息
$("#modifyInfo").click(function (){
    $("input[type=text]").prop("readonly",false);
    $("#confirm").prop("disabled",false);
    $("input[type=postcount]").prop("readonly",true);
    $(this).prop("disabled",true);
    $("input[name=image]").css("display", "block");
});

//查询所有的相册
$(function (){
    var userid = $("input[name=userid]").val();

    $.ajax({
        url:"findAllPictureType",
        data:{"userid":userid},
        type:"post",
        dataType:"json",
        success:function (list){
            $(".photo1").siblings("dl").each(function (){
                $(this).remove();
            })
            for(var i = 0 ;i < list.length ;i ++){
                $(".photo").css("display", "inline-block");
                if(i<1){
                    $(".phototypeid").val(list[i].pictureTypeId);
                    $(".photo").find("dd").find(".picTypeName").html(list[i].pictureTypeName);
                    $(".pictureSynopsis").val(list[i].pictureSynopsis);

                    aquirephoto(list[i].pictureTypeId);
                }else {
                    var $event = $(".photo:first-of-type").clone(true);
                    $event.removeClass("photo1");
                    $event.find(".phototypeid").val(list[i].pictureTypeId);
                    // $event.find("dd").find("h5").html(list[i].pictureTypeName);
                    $event.find("dd").find(".picTypeName").html(list[i].pictureTypeName);
                    $event.find(".pictureSynopsis").val(list[i].pictureSynopsis);
                    $event.addClass("photo"+list[i].pictureTypeId);
                    aquirephoto(list[i].pictureTypeId);
                    $(".photodiv").append($event);
                }
            }


        }
    });
})

//设置相册封面
function aquirephoto(pictureTypeId){
    var userid = $("input[name=userid]").val();
    var nm = ".photo"+pictureTypeId;
    $.ajax({
        url:"findAllPictureByType",
        data:{"userid":userid,"pictureTypeId":pictureTypeId},
        type:"post",
        dataType:"json",
        success:function (l){
            //alert(pictureTypeId+"---"+l.length)
            if(l.length>0){
                $(nm).find(".photoImage").prop("src","img/"+l[0].pictureName);
            }

        }
    })

}

// function findRepeatPictureType(pictureTypeName){
//     $.ajax({
//         url:"findPictureTypeByName",
//         data:{"pictureTypeName":pictureTypeName},
//         type:"post",
//         dataType:"text",
//         success:function (cnt){
//             if(cnt!=0){
//                 alert("此相册已存在");
//                 return false;
//             }else{
//                 alert("这是一个新相册")
//                 return true;
//             }
//         }
//     })
// }
//
// $("#addpicType").click(function (){
//     var userid = $("input[name=userid]").val();
//     var pictureTypeName = $("input[name=addPictureType]").val();
//     if(findRepeatPictureType(pictureTypeName)){
//         $.ajax({
//             url:"addPictureType",
//             data:{"userid":userid,"pictureTypeName":pictureTypeName},
//             type:"post",
//             dataType:"text",
//             success:function (row){
//                 if(row!="0"){
//                     alert("添加成功");
//                     location.reload();
//                 }else {
//                     alert("添加失败")
//                 }
//
//             }
//         });
//     }
//
// })

//查询相册是否已存在
function findRepeatPictureType(pictureTypeName) {
    return new Promise((resolve, reject) => {
        $.ajax({
            url: "findPictureTypeByName",
            data: { "pictureTypeName": pictureTypeName },
            type: "post",
            dataType: "text",
            success: function (cnt) {
                if (cnt != 0) {
                    alert("此相册已存在");
                    resolve(false); // 返回 false 表示相册已存在
                } else {
                    resolve(true); // 返回 true 表示相册是新的
                }
            },
            error: function () {
                console.error("检查相册名称失败");
                reject(new Error("检查相册名称失败"));
            }
        });
    });
}
//添加相册
$("#addpicType").click(async function () {
    var userid = $("input[name=userid]").val();
    var pictureTypeName = $("input[name=addPictureType]").val();
    if(pictureTypeName==""){
        alert("名称不能为空！")
    }else {
        try {
            const isNew = await findRepeatPictureType(pictureTypeName);
            if (isNew) {
                $.ajax({
                    url: "addPictureType",
                    data: { "userid": userid, "pictureTypeName": pictureTypeName },
                    type: "post",
                    dataType: "text",
                    success: function (row) {
                        if (row != "0") {
                            alert("添加成功");
                            location.reload();
                        } else {
                            alert("添加失败");
                        }
                    },
                    error: function () {
                        console.error("添加相册类型失败");
                    }
                });
            }
        } catch (error) {
            console.error("错误:", error);
        }
    }

});



